

<div id="centerColumn">

	<p>Your shopping cart contains ${shoppingCart.numberOfItem } items.</p>

	<div id="actionBar">
		<a href="#" class="bubble hMargin">clear cart</a> <a href="#" class="bubble hMargin">continue
			shopping</a> <a href="#" class="bubble hMargin">proceed to checkout</a>
	</div>

	<h4 id="subtotal">&euro; ${ shoppingCart.total}</h4>

	<table id="cartTable">

		<tr class="header">
			<th>product</th>
			<th>name</th>
			<th>price</th>
			<th>quantity</th>
		</tr>

		<c:set var="items" value="${shoppingCart.items}" />

		<c:forEach items="${items}" var="shoppingItem" varStatus="i">
			<tr class="${((i.index % 2) == 1) ? 'lightBlue':'white' }">
				<td><img src="${initParam.productImg}${shoppingItem.product.name}.png" alt="product image"></td>
				<td>${shoppingItem.product.name}</td>
				<td>&euro; <fmt:formatNumber maxFractionDigits="2" value="${shoppingItem.total}" /></td>
				<td>

					<form action="updateCart" method="post">
						<input type="text" maxlength="2" size="2" value="${shoppingItem.quantity}" name="quantity">
						<input type="submit" name="submit" value="update button">
					</form>
				</td>
		</c:forEach>
	</table>

</div>

